<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/lib/swiper.min.css">
       <script>
    (function() {
        function setFontSize(k) {
            document.documentElement.style.fontSize =
                ((((k / 750) * 100) / 16) * 100) + '%';
        }

        function initRem() {
            var W = document.documentElement.clientWidth;
            var H = document.documentElement.clientHeight;
            if (W < H) {
                // console.log("竖屏");
                setFontSize(W);
            } else {
                // console.log("横屏");
                setFontSize(H);
            }
        }
        window.addEventListener('orientationchange' in window ? 'orientationchange' : 'resize', initRem, false);
        document.addEventListener('DOMContentLoaded', initRem, false);
    })();
    </script>
</head>
<body class="yuer_index">
    <header>
        <div class="wrap">
            <a href="#">
                <img src="images/logo.png" alt="">
            </a>
        </div>
    </header>
    <div class="main">
        <div class="banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="images/banner.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="images/banner.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="images/banner.jpg" alt="">
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>

        </div>
        <div class="list">
            <div class="tit ">

                <div class="wrap c-tit">
                    <span>游戏列表</span>
                </div>


            </div>
            <ul class="news-list">
                <li>
                    <div class="wrap">
                        <a href="#">
                            <img src="./images/game_icon.png" alt="">
                            <div class="txt">
                                <p class="tits">坦克前线</p>
                                <div class="label">
                                    <span>角色扮演</span>
                                </div>
                                <p class="desc">游戏以力求还原二战坦克的真实性能和流畅的 游戏体验，各地经典战役等丰富玩法丰富玩法...
                                </p>
                            </div>

                        </a>
                    </div>
                </li>
                <li>
                    <div class="wrap">
                        <a href="#">
                            <img src="./images/game_icon.png" alt="">
                            <div class="txt">
                                <p class="tits">坦克前线</p>
                                <div class="label">
                                    <span>角色扮演</span>
                                </div>
                                <p class="desc">游戏以力求还原二战坦克的真实性能和流畅的 游戏体验，各地经典战役等丰富玩法丰富玩法...
                                </p>
                            </div>

                        </a>
                    </div>
                </li>
                <li>
                    <div class="wrap">
                        <a href="#">
                            <img src="./images/game_icon.png" alt="">
                            <div class="txt">
                                <p class="tits">坦克前线</p>
                                <div class="label">
                                    <span>角色扮演</span>
                                </div>
                                <p class="desc">游戏以力求还原二战坦克的真实性能和流畅的 游戏体验，各地经典战役等丰富玩法丰富玩法...
                                </p>
                            </div>

                        </a>
                    </div>
                </li>
                <li>
                    <div class="wrap">
                        <a href="#">
                            <img src="./images/game_icon.png" alt="">
                            <div class="txt">
                                <p class="tits">坦克前线</p>
                                <div class="label">
                                    <span>角色扮演</span>
                                </div>
                                <p class="desc">游戏以力求还原二战坦克的真实性能和流畅的 游戏体验，各地经典战役等丰富玩法丰富玩法...
                                </p>
                            </div>

                        </a>
                    </div>
                </li>
                <li>
                    <div class="wrap">
                        <a href="#">
                            <img src="./images/game_icon.png" alt="">
                            <div class="txt">
                                <p class="tits">坦克前线</p>
                                <div class="label">
                                    <span>角色扮演</span>
                                </div>
                                <p class="desc">游戏以力求还原二战坦克的真实性能和流畅的 游戏体验，各地经典战役等丰富玩法丰富玩法...
                                </p>
                            </div>

                        </a>
                    </div>
                </li>
                <li>
                    <div class="wrap">
                        <a href="#">
                            <img src="./images/game_icon.png" alt="">
                            <div class="txt">
                                <p class="tits">坦克前线</p>
                                <div class="label">
                                    <span>角色扮演</span>
                                </div>
                                <p class="desc">游戏以力求还原二战坦克的真实性能和流畅的 游戏体验，各地经典战役等丰富玩法丰富玩法...
                                </p>
                            </div>

                        </a>
                    </div>
                </li>
                <li>
                    <div class="wrap">
                        <a href="#">
                            <img src="./images/game_icon.png" alt="">
                            <div class="txt">
                                <p class="tits">坦克前线</p>
                                <div class="label">
                                    <span>角色扮演</span>
                                </div>
                                <p class="desc">游戏以力求还原二战坦克的真实性能和流畅的 游戏体验，各地经典战役等丰富玩法丰富玩法...
                                </p>
                            </div>

                        </a>
                    </div>
                </li>
                <li>
                    <div class="wrap">
                        <a href="#">
                            <img src="./images/game_icon.png" alt="">
                            <div class="txt">
                                <p class="tits">坦克前线</p>
                                <div class="label">
                                    <span>角色扮演</span>
                                </div>
                                <p class="desc">游戏以力求还原二战坦克的真实性能和流畅的 游戏体验，各地经典战役等丰富玩法丰富玩法...
                                </p>
                            </div>

                        </a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="c-more">
            <a href="javascript:;" id="more">加载更多</a>
        </div>
    </div>

    
   
     <footer>
        <img src="images/foote_logo.jpg" alt="" class="logo">
        <p>
            <a href="#">关于鱼儿</a> |
            <a href="#">商务合作</a>
        </p>
        <p>本游戏适合16岁以上玩家进入</p>
        <p>沪网文[2017]5602-438号|沪ICP备14043922号-14</p>
        <p>增值电信业务经营许可证沪B2-20150038</p>
    </footer>
    <script src="js/lib/jquery-1.8.3.min.js"></script>

     <a href="javascript:;" class="c-totop">
    <img src="images/toTop.png" alt="">
</a>
<script>
$(function() {
    //回到顶部

    $(window).scroll(function() {
        s();
    });

    $('.c-totop').click(function() {
        $('body,html').animate({
            scrollTop: 0
        }, 500);
        return false;
    });

    function s() {
        if ($(window).scrollTop() > 100) {
            $('.c-totop').fadeIn(500);
        } else {
            $('.c-totop').fadeOut(500);
        }
    }
})
</script>

    <script>
        var ajaxUrl = "http://gwapi.kkk5.com/index.php?ct=gw&ac=more_zixun&game_id=44&type=4&jsoncallback=?";
    </script>
    <script src="js/lib/swiper.min.js"></script>
    <script src="js/index.js"></script>
</body>

</html>